<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 键盘事件对象中的keyCode属性可以得到相应键的ASCII码值
    // 1. 我们的keyup 和 keyCode事件不区分大小写，a 和 A得到的都是65
    // 2.我们的keypress 和 keyCode事件不区分大小写
    document.addEventListener('keyup', function (e) {
      console.log('up' + e.keyCode);

      // 我们可以利用keycode返回的ASCII码值来判断用户按下了哪个键
      if (e.keyCode === 65) {
        alert('你按下的是a键');
      } else {
        alert('你按下的不是a键');
      }
    })

    document.addEventListener('keypress', function (e) {
      console.log('press' + e.keyCode);
    })
  </script>
</body>

</html>